﻿<!DOCTYPE html>
<html>
  <head>
    <title>商品列表</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/商品列表/styles.css" type="text/css" rel="stylesheet"/>
    <link href="https://fonts.googleapis.com" rel="preconnect"/>
    <link href="https://fonts.gstatic.com" rel="preconnect"/>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.7.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/商品列表/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (动态面板) -->
      <div id="u842" class="ax_default">
        <div id="u842_state0" class="panel_state" data-label="State 1" style="">
          <div id="u842_state0_content" class="panel_state_content">

            <!-- 商品列表 (中继器) -->
            <div id="u843" class="ax_default" data-label="商品列表">
              <script id="u843_script" type="axure-repeater-template" data-label="商品列表">

                <!-- Unnamed (组合) -->
                <div id="u844" class="ax_default u844" data-left="0" data-top="172" data-width="172" data-height="87" layer-opacity="1">

                  <!-- Unnamed (矩形) -->
                  <div id="u845" class="ax_default _默认样式 u845 transition notrs">
                    <div id="u845_div" class="u845_div"></div>
                    <div id="u845_text" class="text u845_text" style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u846" class="ax_default label u846 transition notrs">
                    <div id="u846_div" class="u846_div"></div>
                    <div id="u846_text" class="text u846_text">
                      <p><span>商品名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u847" class="ax_default label u847 transition notrs">
                    <div id="u847_div" class="u847_div"></div>
                    <div id="u847_text" class="text u847_text">
                      <p><span>$999.99</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u848" class="ax_default label u848 transition notrs">
                    <div id="u848_div" class="u848_div"></div>
                    <div id="u848_text" class="text u848_text">
                      <p><span>已售999+</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u849" class="ax_default label u849 transition notrs">
                    <div id="u849_div" class="u849_div"></div>
                    <div id="u849_text" class="text u849_text">
                      <p><span>99%好评</span></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u850" class="ax_default _默认样式 u850 transition notrs">
                  <div id="u850_div" class="u850_div"></div>
                  <div id="u850_text" class="text u850_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- Unnamed (组合) -->
                <div id="u851" class="ax_default u851" data-left="37" data-top="52" data-width="96" data-height="66" layer-opacity="1">

                  <!-- Unnamed (组合) -->
                  <div id="u852" class="ax_default u852" data-left="37" data-top="52" data-width="96" data-height="66" layer-opacity="1">

                    <!-- Unnamed (形状) -->
                    <div id="u853" class="ax_default _默认样式 u853 transition notrs">
                      <svg data="images/首页/u333.svg" id="u853_img" class="img u853_img generatedImage">

  <defs>
    <pattern id="u853_img_bgp" patternUnits="userSpaceOnUse" alignment="0 0" imageRepeat="None" />
    <mask fill="white" id="u853_img_cl81">
      <path d="M 88.6193434740176 48.02370325406787  C 89.927729772192 49.91913042443389  89.11323763955299 51.9943524006776  86.80623199790497 52  L 2.4218143731099375 52  C 0.11480873146192704 51.9943524006776  -0.6866861862933663 49.92996143683547  0.643362136684984 48.03670046894683  L 25.032635863743657 13.0178711704649  C 25.65232706084263 12.00337706314167  26.75540310051714 11.384589455548735  27.94419049679724 11.384589455548735  C 28.872906423528384 11.384589455548735  29.761488451721718 11.763190300917017  30.404818015187466 12.432996500749255  L 35.3285962531838 17.33511271394309  C 36.03131933501447 18.068248966468673  37.00284967247724 18.482776154396333  38.01838327335016 18.482776154396333  C 39.16890426391465 18.482776154396333  40.25489434497096 17.95124836996183  40.9607227022779 17.042675379085267  L 52.79468685281759 2.624431669403066  C 53.35687265074621 1.8244909838940655  54.273364738038126 1.3484007859480016  55.251095770443584 1.3484007859480016  C 56.320214154808696 1.3484007859480016  57.30867537264721 1.9169279964916086  57.846271037158665 2.841051917446748  L 88.6193434740176 48.02370325406787  Z " fill-rule="evenodd" />
    </mask>
  </defs>
  <g transform="matrix(1 0 0 1 -48 -1145 )">
    <path d="M 88.6193434740176 48.02370325406787  C 89.927729772192 49.91913042443389  89.11323763955299 51.9943524006776  86.80623199790497 52  L 2.4218143731099375 52  C 0.11480873146192704 51.9943524006776  -0.6866861862933663 49.92996143683547  0.643362136684984 48.03670046894683  L 25.032635863743657 13.0178711704649  C 25.65232706084263 12.00337706314167  26.75540310051714 11.384589455548735  27.94419049679724 11.384589455548735  C 28.872906423528384 11.384589455548735  29.761488451721718 11.763190300917017  30.404818015187466 12.432996500749255  L 35.3285962531838 17.33511271394309  C 36.03131933501447 18.068248966468673  37.00284967247724 18.482776154396333  38.01838327335016 18.482776154396333  C 39.16890426391465 18.482776154396333  40.25489434497096 17.95124836996183  40.9607227022779 17.042675379085267  L 52.79468685281759 2.624431669403066  C 53.35687265074621 1.8244909838940655  54.273364738038126 1.3484007859480016  55.251095770443584 1.3484007859480016  C 56.320214154808696 1.3484007859480016  57.30867537264721 1.9169279964916086  57.846271037158665 2.841051917446748  L 88.6193434740176 48.02370325406787  Z " fill-rule="nonzero" fill="rgba(160, 167, 185, 1)" stroke="none" transform="matrix(1 0 0 1 48 1145 )" class="fill" />
    <path d="M 88.6193434740176 48.02370325406787  C 89.927729772192 49.91913042443389  89.11323763955299 51.9943524006776  86.80623199790497 52  L 2.4218143731099375 52  C 0.11480873146192704 51.9943524006776  -0.6866861862933663 49.92996143683547  0.643362136684984 48.03670046894683  L 25.032635863743657 13.0178711704649  C 25.65232706084263 12.00337706314167  26.75540310051714 11.384589455548735  27.94419049679724 11.384589455548735  C 28.872906423528384 11.384589455548735  29.761488451721718 11.763190300917017  30.404818015187466 12.432996500749255  L 35.3285962531838 17.33511271394309  C 36.03131933501447 18.068248966468673  37.00284967247724 18.482776154396333  38.01838327335016 18.482776154396333  C 39.16890426391465 18.482776154396333  40.25489434497096 17.95124836996183  40.9607227022779 17.042675379085267  L 52.79468685281759 2.624431669403066  C 53.35687265074621 1.8244909838940655  54.273364738038126 1.3484007859480016  55.251095770443584 1.3484007859480016  C 56.320214154808696 1.3484007859480016  57.30867537264721 1.9169279964916086  57.846271037158665 2.841051917446748  L 88.6193434740176 48.02370325406787  Z " stroke-width="0" stroke-dasharray="0" stroke="rgba(255, 255, 255, 0)" fill="none" transform="matrix(1 0 0 1 48 1145 )" class="stroke" mask="url(#u853_img_cl81)" />
  </g>
                      </svg>
                      <div id="u853_text" class="text u853_text" style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (椭圆) -->
                    <div id="u854" class="ax_default _默认样式 u854 transition notrs">
                      <svg data="images/首页/u369.svg" id="u854_img" class="img u854_img generatedImage">

  <defs>
    <pattern id="u854_img_bgp" patternUnits="userSpaceOnUse" alignment="0 0" imageRepeat="None" />
    <mask fill="white" id="u854_img_cl87">
      <path d="M 0 11  C 0 4.84  4.619999999999999 0  10.5 0  C 16.38 0  21 4.84  21 11  C 21 17.16  16.38 22  10.5 22  C 4.619999999999999 22  0 17.16  0 11  Z " fill-rule="evenodd" />
    </mask>
  </defs>
  <g transform="matrix(1 0 0 1 -112 -52 )">
    <path d="M 0 11  C 0 4.84  4.619999999999999 0  10.5 0  C 16.38 0  21 4.84  21 11  C 21 17.16  16.38 22  10.5 22  C 4.619999999999999 22  0 17.16  0 11  Z " fill-rule="nonzero" fill="rgba(160, 167, 185, 1)" stroke="none" transform="matrix(1 0 0 1 112 52 )" class="fill" />
    <path d="M 0 11  C 0 4.84  4.619999999999999 0  10.5 0  C 16.38 0  21 4.84  21 11  C 21 17.16  16.38 22  10.5 22  C 4.619999999999999 22  0 17.16  0 11  Z " stroke-width="0" stroke-dasharray="0" stroke="rgba(255, 255, 255, 0)" fill="none" transform="matrix(1 0 0 1 112 52 )" class="stroke" mask="url(#u854_img_cl87)" />
  </g>
                      </svg>
                      <div id="u854_text" class="text u854_text" style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>
                  </div>
                </div>
              </script>
            </div>

            <!-- Unnamed (热区) -->
            <div id="u855" class="ax_default">
            </div>

            <!-- Unnamed (热区) -->
            <div id="u856" class="ax_default">
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u857" class="ax_default _默认样式 transition notrs">
        <div id="u857_div" class=""></div>
        <div id="u857_text" class="text ">
          <p><span>分类名称</span></p>
        </div>
      </div>

      <!-- Unnamed (IPhone X Black) -->
      <div id="u858" class="nopointer  ax_default">

        <!-- Unnamed (组合) -->
        <div id="u859" class="ax_default" data-left="0" data-top="0" data-width="433" data-height="865" layer-opacity="1">

          <!-- Unnamed (图片) -->
          <div id="u860" class="ax_default _默认样式 transition notrs">
            <img id="u860_img" class="img " src="images/启动页/u51.png"/>
            <div id="u860_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u861" class="ax_default _默认样式 transition notrs">
            <img id="u861_img" class="img " src="images/启动页/u52.png"/>
            <div id="u861_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u862" class="ax_default _默认样式 transition notrs">
            <img id="u862_img" class="img " src="images/启动页/u53.png"/>
            <div id="u862_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u863" class="ax_default _默认样式 transition notrs">
            <img id="u863_img" class="img " src="images/启动页/u54.png"/>
            <div id="u863_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (状态栏-IphoneX) -->
      <div id="u864" class="nopointer  ax_default">

        <!-- Unnamed (图片) -->
        <div id="u865" class="ax_default _默认样式 transition notrs">
          <img id="u865_img" class="img " src="images/启动页/u56.png"/>
          <div id="u865_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u866" class="ax_default _默认样式 transition notrs">
        <div id="u866_div" class=""></div>
        <div id="u866_text" class="text ">
          <p><span style="font-family:'FontAwesome', sans-serif;font-weight:400;"> </span><span style="font-family:'微软雅黑', sans-serif;font-weight:400;">返回</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u867" class="ax_default _默认样式 transition notrs">
        <div id="u867_div" class=""></div>
        <div id="u867_text" class="text ">
          <p><span> </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u868" class="ax_default _默认样式 transition notrs">
        <div id="u868_div" class=""></div>
        <div id="u868_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u869" class="ax_default" selectiongroup="排序" data-left="30" data-top="116" data-width="373" data-height="40" layer-opacity="1">

        <!-- Unnamed (矩形) -->
        <div id="u870" class="ax_default label selected transition notrs" selectiongroup="排序">
          <div id="u870_div" class="selected"></div>
          <div id="u870_text" class="text ">
            <p><span>综合&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u871" class="ax_default label transition notrs" selectiongroup="排序">
          <div id="u871_div" class=""></div>
          <div id="u871_text" class="text ">
            <p><span>销量</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u872" class="ax_default label transition notrs" selectiongroup="排序">
          <div id="u872_div" class=""></div>
          <div id="u872_text" class="text ">
            <p><span>评价</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u873" class="ax_default label transition notrs" selectiongroup="排序">
          <div id="u873_div" class=""></div>
          <div id="u873_text" class="text ">
            <p><span>价格</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u874" class="ax_default">
        <div id="u874_state0" class="panel_state" data-label="State 1" style="">
          <div id="u874_state0_content" class="panel_state_content">

            <!-- 商品列表 (中继器) -->
            <div id="u875" class="ax_default" data-label="商品列表">
              <script id="u875_script" type="axure-repeater-template" data-label="商品列表">

                <!-- Unnamed (组合) -->
                <div id="u876" class="ax_default u876" data-left="0" data-top="172" data-width="172" data-height="87" layer-opacity="1">

                  <!-- Unnamed (矩形) -->
                  <div id="u877" class="ax_default _默认样式 u877 transition notrs">
                    <div id="u877_div" class="u877_div"></div>
                    <div id="u877_text" class="text u877_text" style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u878" class="ax_default label u878 transition notrs">
                    <div id="u878_div" class="u878_div"></div>
                    <div id="u878_text" class="text u878_text">
                      <p><span>商品名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u879" class="ax_default label u879 transition notrs">
                    <div id="u879_div" class="u879_div"></div>
                    <div id="u879_text" class="text u879_text">
                      <p><span>$999.99</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u880" class="ax_default label u880 transition notrs">
                    <div id="u880_div" class="u880_div"></div>
                    <div id="u880_text" class="text u880_text">
                      <p><span>已售999+</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u881" class="ax_default label u881 transition notrs">
                    <div id="u881_div" class="u881_div"></div>
                    <div id="u881_text" class="text u881_text">
                      <p><span> 4.6</span></p>
                    </div>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u882" class="ax_default _默认样式 u882 transition notrs">
                  <div id="u882_div" class="u882_div"></div>
                  <div id="u882_text" class="text u882_text" style="display:none; visibility: hidden">
                    <p></p>
                  </div>
                </div>

                <!-- Unnamed (组合) -->
                <div id="u883" class="ax_default u883" data-left="37" data-top="52" data-width="96" data-height="66" layer-opacity="1">

                  <!-- Unnamed (组合) -->
                  <div id="u884" class="ax_default u884" data-left="37" data-top="52" data-width="96" data-height="66" layer-opacity="1">

                    <!-- Unnamed (形状) -->
                    <div id="u885" class="ax_default _默认样式 u885 transition notrs">
                      <svg data="images/首页/u333.svg" id="u885_img" class="img u885_img generatedImage">

  <defs>
    <pattern id="u885_img_bgp" patternUnits="userSpaceOnUse" alignment="0 0" imageRepeat="None" />
    <mask fill="white" id="u885_img_cl81">
      <path d="M 88.6193434740176 48.02370325406787  C 89.927729772192 49.91913042443389  89.11323763955299 51.9943524006776  86.80623199790497 52  L 2.4218143731099375 52  C 0.11480873146192704 51.9943524006776  -0.6866861862933663 49.92996143683547  0.643362136684984 48.03670046894683  L 25.032635863743657 13.0178711704649  C 25.65232706084263 12.00337706314167  26.75540310051714 11.384589455548735  27.94419049679724 11.384589455548735  C 28.872906423528384 11.384589455548735  29.761488451721718 11.763190300917017  30.404818015187466 12.432996500749255  L 35.3285962531838 17.33511271394309  C 36.03131933501447 18.068248966468673  37.00284967247724 18.482776154396333  38.01838327335016 18.482776154396333  C 39.16890426391465 18.482776154396333  40.25489434497096 17.95124836996183  40.9607227022779 17.042675379085267  L 52.79468685281759 2.624431669403066  C 53.35687265074621 1.8244909838940655  54.273364738038126 1.3484007859480016  55.251095770443584 1.3484007859480016  C 56.320214154808696 1.3484007859480016  57.30867537264721 1.9169279964916086  57.846271037158665 2.841051917446748  L 88.6193434740176 48.02370325406787  Z " fill-rule="evenodd" />
    </mask>
  </defs>
  <g transform="matrix(1 0 0 1 -48 -1145 )">
    <path d="M 88.6193434740176 48.02370325406787  C 89.927729772192 49.91913042443389  89.11323763955299 51.9943524006776  86.80623199790497 52  L 2.4218143731099375 52  C 0.11480873146192704 51.9943524006776  -0.6866861862933663 49.92996143683547  0.643362136684984 48.03670046894683  L 25.032635863743657 13.0178711704649  C 25.65232706084263 12.00337706314167  26.75540310051714 11.384589455548735  27.94419049679724 11.384589455548735  C 28.872906423528384 11.384589455548735  29.761488451721718 11.763190300917017  30.404818015187466 12.432996500749255  L 35.3285962531838 17.33511271394309  C 36.03131933501447 18.068248966468673  37.00284967247724 18.482776154396333  38.01838327335016 18.482776154396333  C 39.16890426391465 18.482776154396333  40.25489434497096 17.95124836996183  40.9607227022779 17.042675379085267  L 52.79468685281759 2.624431669403066  C 53.35687265074621 1.8244909838940655  54.273364738038126 1.3484007859480016  55.251095770443584 1.3484007859480016  C 56.320214154808696 1.3484007859480016  57.30867537264721 1.9169279964916086  57.846271037158665 2.841051917446748  L 88.6193434740176 48.02370325406787  Z " fill-rule="nonzero" fill="rgba(160, 167, 185, 1)" stroke="none" transform="matrix(1 0 0 1 48 1145 )" class="fill" />
    <path d="M 88.6193434740176 48.02370325406787  C 89.927729772192 49.91913042443389  89.11323763955299 51.9943524006776  86.80623199790497 52  L 2.4218143731099375 52  C 0.11480873146192704 51.9943524006776  -0.6866861862933663 49.92996143683547  0.643362136684984 48.03670046894683  L 25.032635863743657 13.0178711704649  C 25.65232706084263 12.00337706314167  26.75540310051714 11.384589455548735  27.94419049679724 11.384589455548735  C 28.872906423528384 11.384589455548735  29.761488451721718 11.763190300917017  30.404818015187466 12.432996500749255  L 35.3285962531838 17.33511271394309  C 36.03131933501447 18.068248966468673  37.00284967247724 18.482776154396333  38.01838327335016 18.482776154396333  C 39.16890426391465 18.482776154396333  40.25489434497096 17.95124836996183  40.9607227022779 17.042675379085267  L 52.79468685281759 2.624431669403066  C 53.35687265074621 1.8244909838940655  54.273364738038126 1.3484007859480016  55.251095770443584 1.3484007859480016  C 56.320214154808696 1.3484007859480016  57.30867537264721 1.9169279964916086  57.846271037158665 2.841051917446748  L 88.6193434740176 48.02370325406787  Z " stroke-width="0" stroke-dasharray="0" stroke="rgba(255, 255, 255, 0)" fill="none" transform="matrix(1 0 0 1 48 1145 )" class="stroke" mask="url(#u885_img_cl81)" />
  </g>
                      </svg>
                      <div id="u885_text" class="text u885_text" style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (椭圆) -->
                    <div id="u886" class="ax_default _默认样式 u886 transition notrs">
                      <svg data="images/首页/u369.svg" id="u886_img" class="img u886_img generatedImage">

  <defs>
    <pattern id="u886_img_bgp" patternUnits="userSpaceOnUse" alignment="0 0" imageRepeat="None" />
    <mask fill="white" id="u886_img_cl87">
      <path d="M 0 11  C 0 4.84  4.619999999999999 0  10.5 0  C 16.38 0  21 4.84  21 11  C 21 17.16  16.38 22  10.5 22  C 4.619999999999999 22  0 17.16  0 11  Z " fill-rule="evenodd" />
    </mask>
  </defs>
  <g transform="matrix(1 0 0 1 -112 -52 )">
    <path d="M 0 11  C 0 4.84  4.619999999999999 0  10.5 0  C 16.38 0  21 4.84  21 11  C 21 17.16  16.38 22  10.5 22  C 4.619999999999999 22  0 17.16  0 11  Z " fill-rule="nonzero" fill="rgba(160, 167, 185, 1)" stroke="none" transform="matrix(1 0 0 1 112 52 )" class="fill" />
    <path d="M 0 11  C 0 4.84  4.619999999999999 0  10.5 0  C 16.38 0  21 4.84  21 11  C 21 17.16  16.38 22  10.5 22  C 4.619999999999999 22  0 17.16  0 11  Z " stroke-width="0" stroke-dasharray="0" stroke="rgba(255, 255, 255, 0)" fill="none" transform="matrix(1 0 0 1 112 52 )" class="stroke" mask="url(#u886_img_cl87)" />
  </g>
                      </svg>
                      <div id="u886_text" class="text u886_text" style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>
                  </div>
                </div>
              </script>
            </div>

            <!-- Unnamed (热区) -->
            <div id="u887" class="ax_default">
            </div>

            <!-- Unnamed (热区) -->
            <div id="u888" class="ax_default">
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u889" class="ax_default _默认样式 transition notrs">
        <div id="u889_div" class=""></div>
        <div id="u889_text" class="text ">
          <p><span>Category</span></p>
        </div>
      </div>

      <!-- Unnamed (IPhone X Black) -->
      <div id="u890" class="nopointer  ax_default">

        <!-- Unnamed (组合) -->
        <div id="u891" class="ax_default" data-left="533" data-top="0" data-width="433" data-height="865" layer-opacity="1">

          <!-- Unnamed (图片) -->
          <div id="u892" class="ax_default _默认样式 transition notrs">
            <img id="u892_img" class="img " src="images/启动页/u51.png"/>
            <div id="u892_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u893" class="ax_default _默认样式 transition notrs">
            <img id="u893_img" class="img " src="images/启动页/u52.png"/>
            <div id="u893_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u894" class="ax_default _默认样式 transition notrs">
            <img id="u894_img" class="img " src="images/启动页/u53.png"/>
            <div id="u894_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u895" class="ax_default _默认样式 transition notrs">
            <img id="u895_img" class="img " src="images/启动页/u54.png"/>
            <div id="u895_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (状态栏-IphoneX) -->
      <div id="u896" class="nopointer  ax_default">

        <!-- Unnamed (图片) -->
        <div id="u897" class="ax_default _默认样式 transition notrs">
          <img id="u897_img" class="img " src="images/启动页/u56.png"/>
          <div id="u897_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u898" class="ax_default _默认样式 transition notrs">
        <div id="u898_div" class=""></div>
        <div id="u898_text" class="text ">
          <p><span> Back</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u899" class="ax_default _默认样式 transition notrs">
        <div id="u899_div" class=""></div>
        <div id="u899_text" class="text ">
          <p><span> </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u900" class="ax_default _默认样式 transition notrs">
        <div id="u900_div" class=""></div>
        <div id="u900_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u901" class="ax_default" selectiongroup="排序" data-left="565" data-top="116" data-width="371" data-height="40" layer-opacity="1">

        <!-- Unnamed (矩形) -->
        <div id="u902" class="ax_default label selected transition notrs" selectiongroup="排序">
          <div id="u902_div" class="selected"></div>
          <div id="u902_text" class="text ">
            <p><span>Best Match</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u903" class="ax_default label transition notrs" selectiongroup="排序">
          <div id="u903_div" class=""></div>
          <div id="u903_text" class="text ">
            <p><span>Sales</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u904" class="ax_default label transition notrs" selectiongroup="排序">
          <div id="u904_div" class=""></div>
          <div id="u904_text" class="text ">
            <p><span>Ratings</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u905" class="ax_default label transition notrs" selectiongroup="排序">
          <div id="u905_div" class=""></div>
          <div id="u905_text" class="text ">
            <p><span>Price</span></p>
          </div>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
